<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="description" content="" />
<meta name="keywords" content="" />
<title>GCP</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" />
<link rel="stylesheet" href="css/template.css" type="text/css" />
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery.dropotron-1.0.js"></script>
<script src="js/jquery.validationEngine-fr.js" type="text/javascript"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript"></script>

<script type="text/javascript">
	$(function() {
		$('#menu > ul').dropotron({
			mode : 'fade',
			globalOffsetY : 11,
			offsetY : -15
		});
	});
</script>

<script type="text/javascript">

jQuery(document).ready(function(){
	// binds form submission and fields to the validation engine
	jQuery("#formID").validationEngine('attach');
});

</script>

</head>
<body>
	<div id="wrapper">
		<div id="header">
			<div id="logo">
				<h1>
					<a href="#">Bienvenue au Concours de programmation</a>
				</h1>
			</div>
			<div id="slogan"></div>
		</div>
		<div id="page">
			<div id="content">
				<div class="box" id="content">
					<h3>Authentification</h3><br />
					<form id="formID" action="Controler" method="post">
						<table border="0" width="100%" height="100%" align="center">
							<tr>
								<td align="right" width="50%"><label for="mail">Mail*:</label></td>
								<td align="left"><input type="text" value=""
									class="validate[required,custom[email]] text-input" id="mail"
									name="mail" /></td>
							</tr>
							<tr>
								<td align="right" width="50%"><label for="mdp">Mot
										de passe*:</label></td>
								<td align="left"><input id="mdp" type="password"
									class="validate[required,length[3,11]] text-input" value=""
									name="pwd" />
							</tr>
							<tr>
								<td align="right" width="50%"></td>								
								<td align="left"><input type="submit" class="myButton" value="connecter"
									name="action" /></td>
							</tr>
							<tr>
								<td align="right" width="50%"></td>
								<td><a href="Inscription.html">Créer un compte</a></td>
							</tr>
						</table>
					</form>
				</div>
			</div>
			<br class="clearfix" />
		</div>
		<div id="page-bottom">
			<div id="page-bottom-content"></div>
			<br class="clearfix" />
		</div>
	</div>
	<div id="footer"></div>
</body>
</html>